<template>
	<view>
		<view>
			<!-- <image class="response cu-capsule" src="../../static/bg_buygroup.jpg" mode="widthFix"></image> -->
		</view>

		<view class="cu-card">
			<view class="cu-item" v-for="(item,index) in 5" :key="index" :class="index%2==0 ? '' : 'margin-top-sm'">
				<navigator class="flex padding" hover-class="none">
					<image class="item-img" :src="logo" mode=""></image>
					<view class="item-info margin-left flex flex-direction justify-between">
						<view class="text-cut text-lg">标题标题标题标题标题标题标题标题标题</view>
						<!-- <view class="text-gray flex align-center">
							<view class="cuIcon-group"></view>
							<view class="padding-left-xs">2人团</view>
						</view> -->
						<button class="group-border cu-btn line-red sm flex align-center justify-between" style="width: 160upx;">
							<view class="group-icon bg-gray text-red text-lg flex align-center justify-center"><text class="cuIcon-group"></text></view>
							<view class="response flex justify-center align-center"><text class="text-sm">2人团</text></view>
						</button>

						<view class="flex justify-between align-center">
							<text class="text-price text-lg">10.0<text class="cost-price text-price text-sm text-gray padding-left-xs">0.01</text></text>
							<view class="">
								<button class="cu-btn bg-red sm shadow-blur">去拼团<view class="cuIcon-right padding-left-xs"></view>
								</button>
							</view>
						</view>
					</view>
				</navigator>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				logo: this.$api.logo,
			}
		},
		onLoad() {
			//
		},
		methods: {

		}
	}
</script>

<style lang="scss">
	page {
		background-color: rgb(250, 83, 61);
	}

	.item-img {
		width: 160upx;
		height: 160upx;
	}

	.item-info {
		width: 440upx; // 750-4*30+30+160
	}

	.group-border {
		padding: 0;

		.group-icon {
			border-radius: 5upx 0 0 5upx;
			width: 90upx;
			height: 100%;
		}
	}

	.group-icon {
		border-radius: 5upx 0 0 5upx;
	}

	.cost-price {
		text-decoration: line-through;
	}
</style>
